<template>
	<view class="page">
		<view class="conten">
			<view class="item" v-for="(item,index) in list" :key="index">
				<view class="item-name">
					{{item.name}}
				</view>
				<view class="time">
					{{item.time}}
				</view>
				<view class="content">
					{{item.conten}}
				</view>
				<u-divider text="分割线" :dot="true"></u-divider>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						name: '王啊哈哈',
						conten: '检讨检讨检讨检讨检讨',
						time: '2021-1-1',
					},
					{
						name: '王啊哈哈',
						conten: '检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨检讨',
						time: '2021-1-1',
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.page {
		.conten {
			width: 90%;
			margin: 30rpx auto;
			background-color: #fff;
			// height: 400rpx;
			border-radius: 30rpx;

			.item {
				padding: 24rpx;
				line-height: 48rpx;

				.item-name {
					font-size: 32rpx;
					font-weight: 600;
				}

				.time {}

				.content {
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					/* 控制显示的行数 */
					-webkit-box-orient: vertical;
				}
			}
		}
	}
</style>